@import "../../../commin/commin.less";
.tabs{
    position: fixed;
    top: 0;z-index: 99;
}
page{
    padding-top: 90rpx;
    padding-bottom: 20px;
    background-color: #F5F7FA;
}
.card_list_wrap{
    .paddings(20rpx,0rpx,4rpx,24rpx);
    .card_list{
        .position(relative, 0, 0, 0, 0);
        .kuangao(702rpx,252rpx);
        // margin-bottom: 16rpx;
        box-sizing: border-box;
        .card_list_bg{
            background-color: #F5F7FA;
            .kuangao(100%,100%);
        }
        .card_tags{
            .position(absolute, 16rpx, auto, auto, 16rpx);
            .kuangao(78rpx,33rpx);
        }
        .card_left{
            .position(absolute, 64rpx, 0, 0, 0);
            .kuan(230rpx);
            .textalign();
            .crad_left_money{
                font-family: PingFang SC;
                font-weight: bold;
                color: @white-color;
                .money_type{
                    .fontsize(26rpx);
                }
                .money_amonut{
                    .fontsize(52rpx);
                }
            }
            .voucher_type{
                .fontsize(26rpx);
                font-family: PingFang SC;
                font-weight: 500;
                color:@white-color;
            }
        }
        .card_right{
            .position(absolute, 39rpx, 0, 0, 276rpx);
            .card_right_top{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .coupon_type{
                    .fontsize(34rpx);
                    font-family: PingFang SC;
                    font-weight: bold;
                    color: @text-color2;
                }
                .verification{
                    .paddings(5rpx,16rpx,5rpx,16rpx);
                    .fontsize(22rpx);
                    .borders(1rpx,@text-color4);
                    color:@text-color4;
                    margin-left: 16rpx;
                    background: rgba(144, 147, 153, 0.06);
                    border-radius: 16rpx;
                    font-family: PingFang SC;
                    font-weight: 500;

                }
                .full_reduction{
                    .fontsize(26rpx);
                    .margins(23rpx,0,23rpx,0);
                    font-family: PingFang SC;
                    font-weight: 500;
                    color:@text-color1;
                }
                .sx{
                    .kuan(84rpx);
                    .gao(71rpx);
                    .position(absolute,7rpx,56rpx,auto,auto);
                }
            }
            .coupon_stations{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .stations{
                    .fontsize(26rpx);
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #707485;
                    margin-right: 46rpx;
                }
            }
            .validity_date{
                .fontsize(24rpx);
                font-family: PingFang SC;
                font-weight: 500;
                color: @text-color3;
                image{
                    width: 18rpx;
                    height: 18rpx;
                    display: inline-block;
                    margin-right: 7rpx;
                }
            }
        }
    }
}
// .van-swipe-cell__right{
//     .kuangao(140rpx,220rpx);
//     .textalign();
//      background:@orange;
//      .flexs();
//         .delete-icon{
//             .kuangao(40rpx,43rpx);
//             margin-bottom: 41rpx;
//         }
//         .delete-text{
//             .fontsize(24rpx);
//             font-family: PingFang SC;
//             font-weight: 500;
//             color:@white-color;
//         }
// }
// .delete-popup{
//     .kuangao(590rpx,300rpx);
//     .delete{
//         background:@white-color;
// 		.delete-title{
//             .fontsize(34rpx);
//             .textalign();
//             font-family: PingFang SC;
//             font-weight: 500;
//             color: @text-color1;
//             .margins(100rpx,auto,119rpx,auto);
// 		}
// 		.delete-btn{
//             display: flex;
//             justify-content: center;
//             align-items: center;
//             .delete-cancel{
//                 width: 220rpx;
//                 height: 88rpx;
//                 border: 1rpx solid #909399;
//                 border-radius: 44rpx;
//                 font-size: 30rpx;
//                 font-family: PingFang SC;
//                 font-weight: bold;
//                 color: #909399;
//                 .textalign();
//                 line-height: 88rpx;
//             }
//             .delete-confirm{
//                 .kuangao(220rpx,88rpx);
//                 .textalign();
//                 .fontsize(30rpx);
//                 background: linear-gradient(105deg, #2B99FF, #1B8CF5);
//                 box-shadow: 0rx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
//                 border-radius: 44rpx;
//                 line-height: 88rpx;
//                 font-family: PingFang SC;
//                 font-weight: bold;
//                 color: @white-color;
//                 margin-left: 30rpx;
//             }
//         }
// 	}
// }
.loading{
    .textalign();
}
.info{
    .fontsize(30rpx);
    .lineheight(70rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color3;
    text-align: center;
}
.title{
    .fontsize(34rpx);
    color: @text-color1;
    text-align: center;
    font-weight: bold;
    margin-bottom: 43rpx;
}
.customerBtn{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1rpx solid #DCDFE6;
    position: absolute;
    bottom: 0;
    left: 0;
    .btn1{
        flex: 1;
        height: 105rpx;
        .lineheight(105rpx);
        border-right: 1rpx solid #DCDFE6;
        text-align: center;
        .fontsize(30rpx);
        color: #606266;
    }
    .btn2{
        flex: 1;
        height: 105rpx;
        .lineheight(105rpx);
        text-align: center;
        .fontsize(30rpx);
        color: #6EB12F;
    }
}
.u-safe-bottom{
    display: none;
}
